const color = {
    mounted: function (el, binding, vnode) {
        el.style.color = binding.value || "red"
    },
}

// 直接鉴权
let permission = {
    mounted(el, binding) {
        let value = binding.value || 'normal'; // 获取到 v-permission的值
        if (value) {
            let hasPermission = checkArray(value);
            if (!hasPermission) { // 没有权限 移除Dom元素
                el.parentNode && el.parentNode.removeChild(el);
            }
        }
    }
}

function checkArray(key = "normal") {
    let arr = ["normal", "teacher", "admin"]  // 标识 这是一个
    if (arr.includes(key) && key !== "normal") {
        return true // 有权限
    } else {
        return false // 无权限
    }
}

// 和store集合的鉴权
let permissionstore = {
    mounted(el, binding, vnode) {
        // console.log(el)
        // console.log(binding)
        // console.log(vnode)
        if (vnode.context.$store.getters.isHas) { // 没有权限 移除Dom元素
            el.parentNode && el.parentNode.removeChild(el);
        }
    }
}

export {
    permissionstore,
    permission,
    color
}